<link rel="stylesheet" href="../shiro/manager/jquery.mobile-1.3.2.css">
<script type="text/javascript" src="../shiro/manager/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../shiro/manager/jquery.mobile-1.3.2.js"></script>


<div data-role="page">
   <div data-role="header">
      <h1>Dialog Box</h1>
   </div>
	<div data-role="content">   
	   <a href="#dialogPopUp" data-rel="dialog" data-role="button">Open dialog</a> 
	</div>
	<div data-role="footer">
	   <h4>Page Footer</h4>
	</div>
</div>

<div data-role="page" id="dialogPopUp">
	<div data-role="header">
		<h1>Dialog Title</h1>
	</div>
	<div data-role="content">   
		This is a dialog box      
	</div>
	<div data-role="footer">
		<h4>Additional Footer information</h4>
	</div>
</div>




